body,
div,
p {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

html {
	overflow: hidden;
}

body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;
}

#pageContain {
	overflow: hidden;
}

.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}

.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}

.current .contain,
.slide .contain {
	display: block;
}

.current {
	display: block;
	z-index: 1;
}

.slide {
	display: block;
	z-index: 2;
}

.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

.page1 {
	background: linear-gradient(to top, #d0ffff, #c1e2f5);
}

.page2 {
	/* background: linear-gradient(to top, #FFFFFF, #a5f3ff); */
	background: #fff;
}

.page3 {
	background: linear-gradient(to top, #b7d3ff, #FFFFFF);
}

.page4 {
	background: #fff;
}

.page5 {
	background:rgb(246 246 246);
}

.page6 {
	background: rgba(159, 215, 212, 0.5);
}


#navBar {
	z-index: 3;
	position: absolute;
	top: 30%;
	right: 3%;
}

#navBar .active {
	background: skyblue;
}

#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50px;
	line-height: 40px;
	padding: 0 20px;
	text-align: center;
	height: 40px;
}

.pageTxt {
	margin-top: 80%;
	font-size: 50px;
	color: skyblue;
	text-align: center;
}
